<%@ page language="java" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
	<%@include file="../include.jsp"%>
	<style type="text/css">
		.icon{display:inline-block; padding: 5px;}
	</style>
</head>
<body id="z_body">
	<div id="box">
		<a class="icon icon-2x icon-home"></a>
		<a class="icon icon-2x icon-user"></a>
		<a class="icon icon-2x icon-cog"></a>
		<a class="icon icon-2x icon-cogs"></a>
		<a class="icon icon-2x icon-time"></a>
		<a class="icon icon-2x icon-star"></a>
		<a class="icon icon-2x icon-search"></a>
		<a class="icon icon-2x icon-flag"></a>
		<a class="icon icon-2x icon-refresh"></a>
		<a class="icon icon-2x icon-comments"></a>
		<a class="icon icon-2x icon-cloud"></a>
		<a class="icon icon-2x icon-wrench"></a>
		<a class="icon icon-2x icon-bell"></a>
		<a class="icon icon-2x icon-file"></a>
		<a class="icon icon-2x icon-folder-open-alt"></a>
		<a class="icon icon-2x icon-ie"></a>
		<a class="icon icon-2x icon-database"></a>
		<a class="icon icon-2x icon-lightbulb"></a>
		<a class="icon icon-2x icon-phone"></a>
		<a class="icon icon-2x icon-key"></a>
		<a class="icon icon-2x icon-bar-chart"></a>
		<a class="icon icon-2x icon-line-chart"></a>
	</div>
	
<script type="text/javascript">
	$("#box").click(function(e){
		if(e.target.tagName == "A") {
			var icon = $(e.target).attr("class").substring(18);
			parent.onChooseIcon(icon);
		}
	});
</script>
	
</body>
</html>